﻿<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	
	<title>topMOVIES.com | MOVIES - ANIMATION</title>
	
	<link rel="stylesheet" href="style/style.css">
	<link rel="stylesheet" href="style/reset.css">
	
	<link href="images/blackmovies.ico" rel="shortcut icon" type="image/x-icon" />
	
	<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
	<script type="text/javascript" src="js/jquery.carouFredSel-6.1.0.js"></script>
	<script type="text/javascript" src="js/main-nav.js"></script>
	<script type="text/javascript" language="javascript">

			$(function() {
				$('#animation').carouFredSel({
					width: 1008,
					height: 300,
					scroll:{ 
						items: 1
					},
					prev: '#prev',
					next: '#next',
					auto:{
						timeoutDuration : 2000
					}
				});
			});
	</script>
    <script type="text/javascript" src="js/login.js"> </script>
</head>
<body onLoad="loginCheck()">
	<div id="part1">
		
	</div>
	<div id="part2">
		
	</div>
	<div id="wrap">
		<div id="top-page">
			<p><a href="register.html">Register</a> | <a href="login.html">Login</a></p>
		</div><!--end #top-page-->

		<div id="header">
			<h1><a href="index.html">topMOVIES</a></h1>
		</div><!--end #header-->

		
		<div class="top-bar-wrap" style="background: #333333;">
			<div id="top-bar">
				<ul id="menu">
					<li><a href="home.html"><img src="images/home.png" alt="">&nbsp;Home</a></li>
					<li><a href="movies.html"><img src="images/video.png" alt="">&nbsp;Movies</a>
						<ul>
							<li><a href="movies-top.html">Top</a></li>
							<li><a href="movies-actions.html">Actions</a></li>
							<li><a href="movies-animation.html">Animation</a></li>
							<li><a href="movies-comedy.html">Comedy</a></li>
							<li><a href="movies-romance.html">Romance</a></li>
						</ul>
					</li>
					<li><a href="contact.html"><img src="images/phone.png" alt="">&nbsp;Contact</a></li>
					<li><a href="about.html"><img src="images/man.png" alt="">&nbsp;About Us</a></li>
					<li><a href="gallery.html"><img src="images/photo.png" alt="">&nbsp;Gallery</a>
						<ul>
							<li><a href="photos.html">Photos</a></li>
							<li><a href="Videos.html">Videos</a></li>
						</ul>
					</li>
					<li><a href="news.html"><img src="images/rss.png" alt="">&nbsp;News</a></li>				
				</ul>
				
				<div id="search-box">
					<form id="searchForm" name="searchForm" method="post" action="">
						<table>
							<tr>
								<td><label>Search </label></td>
								<td><input type="text" class="required" size="24" value="Enter your text here" ></td>
								
							</tr>
						</table>
					</form>
					
				</div>
				<div class="clearfix"></div>
			</div><!--end #top-bar-->
		</div><!--end .top-bar-wrap-->
		
		<div id="page-info">
			<div id="feature">
				<!--DOCTYPE
				Duc Anh
				-->
				<div class="slide">
					<ul id="animation">
						<li><a href="Frankenweenie.html"><img src="images/top-slide/1.jpg" /></a></li>
						<li><a href="Halo-4-Forward-Unto-Dawn-(2012).html"><img src="images/top-slide/2.jpg"  /></a></li>
						<li><a href="Hope-Springs-(2012).html"><img src="images/top-slide/3.jpg" /></a></li>					
						<li><a href="Pitch-Perfect.html"><img src="images/top-slide/5.jpg"  /></a></li>
						<li><a href="Looper-(2012).html"><img src="images/top-slide/4.jpg"  /></a></li>
						<li><a href="Premium-Rush.html"><img src="images/top-slide/6.jpg" /></a></li>
						<li><a href="The-Odd-Life-of-Timothy-Green-(2012).html"><img src="images/top-slide/7.jpg"  /></a></li>				
					</ul>
                    <div class="clearfix"></div>
                    <img src="images/top-slide/cursor_left.png" id="prev" class="prev" />
                    <img src="images/top-slide/cursor_right.png" id="next" class="next"  />
				</div><!--end slide-->
			</div><!--end #feature-->
		</div><!--end #page-info-->

		

		<div id="container">
			<div id="primary">	
				<div class="top-bar-wrap">	
					<div class="top-nav">
		            	<h1><a href="movies.html">MOVIES - ANIMATION</a></h1>
		                <ul id="list-movieTypes">
		                	<li><a href="movies-romance.html">Romance</a></li>
							<li><a href="movies-comedy.html">Comedy</a></li>						
							<li><a href="movies-animation.html">Animation</a></li>
							<li><a href="movies-actions.html">Actions</a></li>
							<li><a href="movies-top.html">Top</a></li>					
		                </ul>
		                <div class="clearfix"></div>
		            </div>
				</div>
	           
				
	            <div class="post-wrap">
					<div class="movies-content">
						<a href="Frankenweenie.html"><img src="images/movies-detail/Frankenweenie (2012)/6.png" alt=""></a>

						<div class="movies-info">
							<div class="header-info">	
								<h2><a href="Frankenweenie.html">Frankenweenie (2012)</a></h2>
								<p>
									Length: 165 min 
									 - <a href="#"> Animation</a>
									 <span>|</span> <a href="#">Comedy</a>
									 <span>|</span> <a href="#">Horror</a>
									 - <a href="#">12 October 2012 (Vietnam)</a>
								</p>
							</div><!--end #header-info-->
							
							<div class="rate">
								<p>
									Ratings: <strong>8.3</strong>/10 from <a href="#">3,311 users</a>   Metascore: <a href="#">80/100</a> 
									<br>
									Reviews: <a href="#">2 user</a> | <a href="#">72 critic</a> | <a href="#">18</a> from <a href="#">Metacritic.com</a>
								</p>	
							</div>
						</div><!--end #movies-info-->
						<div class="clearfix"></div>
					</div>
					
					<div class="movies-content">
					<a href="ParaNorman-(2012).html"><img src="images/movies-detail/ParaNorman (2012)/6.png" alt=""></a>

					<div class="movies-info">
						<div class="header-info">	
							<h2><a href="ParaNorman-(2012).html">ParaNorman (2012)</a></h2>
							<p>
								Length: 92 min 
								 - <a href="#">Animation</a>
								 <span>|</span> <a href="#">Adventure</a>
								 <span>|</span> <a href="#">Comedy</a>
								 - <a href="#">17 August 2012 (Vietnam)</a>
							</p>
						</div><!--end #header-info-->
						
						<div class="rate">
							<p>
								Ratings: <strong>7.1</strong>/10 from <a href="#">19,477 users</a>   Metascore: <a href="#">72/100</a> 
								<br>
								Reviews: <a href="#">107 user</a> | <a href="#">226 critic</a> | <a href="#">33</a> from <a href="#">Metacritic.com</a>
							</p>	
						</div>
					</div><!--end #movies-info-->
					<div class="clearfix"></div>
				</div>

	            <div class="clearfix"></div>
	            </div>
	            
	            <div class="pages-tab">
	            	<a href="movies.html">First</a>
	                <a href="movies.html">1</a>
	                <a href="movies-page4.html">Last</a>
	            </div>
	    	</div><!--end #primary-->
			<div id="side-bar">
				<div class="navigator">
					<h1>NEWEST</h1>
					<div class="newest-post">
						<h2 class="title"><a href="Resident-Evil-5.html">Resident Evil 5: Retribution</a></h2>
						<p class="date-time">13 comment - 7 hour ago</p>
					</div>
					<div class="newest-post">
						<h2 class="title"><a href="Halo-4-Forward-Unto-Dawn-(2012).html">Halo 4: Forward Unto Dawn (2012)</a></h2>
						<p class="date-time">13 comment - 7 hour ago</p>
					</div>
					<div class="newest-post">
						<h2 class="title"><a href="Premium-Rush.html">Premium Rush</a></h2>
						<p class="date-time">13 comment - 7 hour ago</p>
					</div>
					<div class="newest-post">
						<h2 class="title"><a href="Pitch-Perfect.html">Pitch Perfect (2012)</a></h2>
						<p class="date-time">13 comment - 7 hour ago</p>
					</div>
					<div class="newest-post">
						<h2 class="title"><a href="Looper-(2012).html">Looper (2012)</a></h2>
						<p class="date-time">13 comment - 7 hour ago</p>
					</div>
					<div class="newest-post">
						<h2 class="title"><a href="Frankenweenie.html">Frankenweenie (2012)</a></h2>
						<p class="date-time">13 comment - 7 hour ago</p>
					</div>
					<div class="newest-post">
						<h2 class="title"><a href="The-Bourne-Legacy-(2012).html">The Bourne Legacy (2012) </a></h2>
						<p class="date-time">13 comment - 7 hour ago</p>
					</div>
				</div>
				
				<div class="navigator">
					<h1>POPULAR POST</h1>
					<div class="newest-post">
						<h2 class="title"><a href="Resident-Evil-5.html">Resident Evil 5: Retribution</a></h2>
						<p class="date-time">13 comment - 7 hour ago</p>
					</div>
					<div class="newest-post">
						<h2 class="title"><a href="Halo-4-Forward-Unto-Dawn-(2012).html">Halo 4: Forward Unto Dawn (2012)</a></h2>
						<p class="date-time">13 comment - 7 hour ago</p>
					</div>
					<div class="newest-post">
						<h2 class="title"><a href="Premium-Rush.html">Premium Rush</a></h2>
						<p class="date-time">13 comment - 7 hour ago</p>
					</div>
					<div class="newest-post">
						<h2 class="title"><a href="Pitch-Perfect.html">Pitch Perfect (2012)</a></h2>
						<p class="date-time">13 comment - 7 hour ago</p>
					</div>
					<div class="newest-post">
						<h2 class="title"><a href="Looper-(2012).html">Looper (2012)</a></h2>
						<p class="date-time">13 comment - 7 hour ago</p>
					</div>
					<div class="newest-post">
						<h2 class="title"><a href="Frankenweenie.html">Frankenweenie (2012)</a></h2>
						<p class="date-time">13 comment - 7 hour ago</p>
					</div>
					<div class="newest-post">
						<h2 class="title"><a href="The-Bourne-Legacy-(2012).html">The Bourne Legacy (2012) </a></h2>
						<p class="date-time">13 comment - 7 hour ago</p>
					</div>
				</div>
				
				<div class="side-bar-adv">
					
				</div>
				
			</div><!--end #side-bar-->
			<div class="clearfix"></div>
		</div><!--end #container-->

		<div id="footer">
            <div id="top-footer">
            	<h1><a href="home.html">topMOVIES</a></h1>
            </div><!--end #bottom-footer-->
            
            <div id="bottom-footer">
            	<p id="left">© 2008 - 2012 The topMOVIES</p>
                <p id="right">
                	<a href="contact.html"> Contact </a>  /  <a href="about.html"> About Us </a>  /  <a href="home.html"> topMOVIES </a>
                </p>
            </div><!--end #bottom-footer-->
		</div><!--end #footer-->

		
	</div><!--end #wrap-->

	<div id="fixed">			
            <div id="fixed-wrap">	
            	<span>Social Links: </span>
            	<a href="http://www.google.com"><img src="images/social/google.png" alt="google" /></a>
                <a href="http://www.facebook.com"><img src="images/social/facebook.png" alt="facebook" /></a>
                <a href="http://www.Twitter.com"><img src="images/social/twitter.png" alt="twitter" /></a>
                <a href="http://www.youtube.com"><img src="images/social/youtube.png" alt="youtube" /></a>
            </div>
	</div><!--end #fixed-->

    <div id="adv">
    	<div id="adv-wrap">
	    	<div id="adv-link">
	    		<div class="link-group">
	    			<h1 class="link-group-title">TOP MOVIES</h1>
	    			<ul>
	    				<li><a href="about.html">About</a></li>
	    				<li><a href="home.html">Home</a></li>
	    				<li><a href="mobilever.html">Mobile version</a></li>
	    			</ul>
	    		</div>
	    		<div class="link-group">
	    			<h1 class="link-group-title">FRIEND's</h1>
	    			<ul>
	    				<li><a href="http://www.pub.vn">pub.vn</a></li>
	    				<li><a href="http://www.phimhay4u.com/">phimhay4u.com</a></li>
	    				<li><a href="http://www.movies.hdviet.com">movies.hdviet.com</a></li>
	    				<li><a href="http://www.vuaphim.net/">Vuaphim.net</a></li>
	    			</ul>
	    		</div>
	    		<div class="link-group">
	    			<h1 class="link-group-title">FLLOWS US</h1>
	    			<ul>
	    				<li><a href="http://www.facebook.com">Facebook</a></li>
	    				<li><a href="http://www.Twitter.com">Twitter</a></li>
	    				<li><a href="http://www.Youtube.com">Youtube</a></li>
	    				<li><a href="http://www.Google.com">Google</a></li>
	    			</ul>
	    		</div>
	    		<div class="link-group">
	    			<h1 class="link-group-title">HELP</h1>
	    			<ul>
	    				<li><a href="contact.html">Contact</a></li>
	    				<li><a href="FAQs.html">FAQs</a></li>
	    			</ul>
	    		</div>

	    		<div class="link-group">
	    			<h1 class="link-group-title">TOP MOVIES</h1>
	    			<ul>
	    				<li><a href="about.html">About</a></li>
	    				<li><a href="home.html">Home</a></li>
	    				<li><a href="mobilever.html">Mobile version</a></li>
	    			</ul>
	    		</div>
	    		<div class="clearfix"></div>
	    	</div><!--end #adv-link-->
	    	<div class="line-x"></div>
            
    	</div><!--end #adv-wrap-->
    </div><!--end #adv-->
</body>
</html>